<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>漫步时尚广场-商品详情</title>
    <link href="detail.css" rel="stylesheet" type="text/css">
</head>
<body>
    <article id="main">
        <!--顶部区域 start-->
        <header class="top_bg">
            <div class="top_content">
                <div class="floatl">收藏| HI,欢迎来订购！<a href="login.html" class="orange">[请登录]</a><a href="register.html" class="orange">[免费注册]</a> </div>
                <div class="floatr">客户服务&nbsp;网站导航&nbsp;<span class="droparrow"><span class="shopcart"></span>我的购物车<span class="orange">0</span>件</span></div>
            </div>
        </header>
        <!--顶部区域 end-->
        <!--菜单导航 start-->
    <div class="nav_bg">
        <div class = "nav_content">
            <ul class = "menu_nav">
               <li><a href ="shoppingindex.html" class = "white">首页</a></li>
               <li class = "nav_active"><a href = "shoppingShow.html" class = "white">最近上架</a></li>
               <li>品牌活动</li>
               <li>原厂直供</li>
               <li>团购</li>
               <li>限时抢购</li>
               <li>促销打折</li>
           </ul>
        </div>
    </div>
            <div class="main">
                    <ul class = "menu">
                        <li><span class="title">女装</span></span></li>
                        <li><span class="red_dot"></span><a herf="#">上衣</a>
                            <span class="right_arrow"></span></li>
                        <li><span class="red_dot"></span><a herf="#">下装</a>
                            <span class="right_arrow"></span></li>
                        <li><span class="red_dot"></span><a herf="#">连衣裙</a>
                            <span class="right_arrow"></span></li>
                        <li><span class="red_dot"></span><a herf="#">内衣</a>
                            <span class="right_arrow"></span></li>
                        <li><span class="title">男装</span></span></li>
                        <li><span class="red_dot"></span><a herf="#">T恤</a>
                            <span class="right_arrow"></span></li>
                        <li><span class="red_dot"></span><a herf="#">短裤</a>
                            <span class="right_arrow"></span></li>
                        <li><span class="red_dot"></span><a herf="#">衬衫</a>
                            <span class="right_arrow"></span></li>
                        <li><span class="title">童装</span></span></li>
                        <li><span class="red_dot"></span><a herf="#">上衣</a>
                            <span class="right_arrow"></span></li>
                        <li><span class="red_dot"></span><a herf="#">裤子</a>
                            <span class="right_arrow"></span></li>
                        <li><span class="title">运动</span></span></li>
                        <li><span class="red_dot"></span><a herf="#">运动裤</a>
                            <span class="right_arrow"></span></li>
                        <li><span class="red_dot"></span><a herf="#">跑鞋</a>
                            <span class="right_arrow"></span></li>
                    </ul>
                <div class="middle">
                    <h1 class="pic_title">商品详情</h1>
                    <div class="left_pic">
                        <div><img src="img/商品详情1.jpg" width="400" height="400"></div>
                        <ul class="small_piclist">
                            <li><img src="img/商品详情1.jpg"></li>
                            <li><img src="img/商品详情2.jpg"></li>
                            <li><img src="img/商品详情3.jpg"></li>
                            <li><img src="img/商品详情4.jpg"></li>
                            <li><img src="img/商品详情5.jpg"></li>
                        </ul>
                    </div>
                        <h1 class="font16">唐狮2020冬新款羽绒服女中长款毛领<br/>连帽拼接撞色韩版学生ins潮流</h1>
                        <img src="img/商品详情6.jpg" width="270" height="420">
                    <div class="clear"></div>
                    <ul class="tab">
                        <li class="tab_active">商品详情</li>
                        <li>商品评价</li>
                        <li>成交记录</li>
                    </ul>
                    <article class="tab_content1">
                        <ul class="particulars">
                            <li title="货号">货号：625420075406</li>
                            <li title="名称">名称：唐狮2020冬新款羽绒服 女羽绒服</li>
                            <li title="颜色">颜色：奶白 复古蓝</li>
                            <li title="厚度">薄厚指数：适中</li>
                            <li title="弹力">弹力指数：无弹</li>
                            <li title="版型">版型指数：宽松</li>
                            <li title="柔软">柔软指数：适中</li>
                            <li title="毛领">毛领：貉子毛</li>
                            <li title="面料">面料：100%聚酯纤维</li>
                            <li title="里料">里料：100%聚酯纤维</li>
                            <li title="胆布">风格：100%聚酯纤维</li>
                            <li title="填充物蓝">填充物1：复古蓝填充80%灰鸭绒</li>
                            <li title="填充物白">填充物2：奶白填充80%白鸭绒</li>
                            <li title="尺寸">尺寸：S M L</li>
                        </ul>
                        <section>
                            <li><img src="img/商品详情1.jpg"></li>
                            <li><img src="img/商品详情2.jpg"></li>
                            <li><img src="img/商品详情3.jpg"></li>
                            <li><img src="img/商品详情4.jpg"></li>
                            <li><img src="img/商品详情5.jpg"></li>
                        </section>
                    </ul>
                    </article>
                    <article class="tab_content2 none">
                        <img src="images/showdetail/pinglun.jpg"/>
                    </article>
                    <article class="tab_content3 none">
                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                            <thead>
                                <tr>
                                    <th>买家</th>
                                    <th>淘宝价</th>
                                    <th>数量</th>
                                    <th>付款时间</th>
                                    <th>款式和型号</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>a**男（匿名）</td>
                                    <td><em class="price2">198.00</em></td>
                                    <td>1</td>
                                    <td>2020-1-21</td>
                                    <td><div>
                                        <p>颜色分类：</p>
                                        <p>尺寸：L</p>
                                    </div></td>
                                </tr>
                                ...此处省略其他用户评论信息...
                            </tbody>
                        </table>
                    </article>
                    <!--品牌活动-->
                    <article>
                        <h1 class="pic_title">看了又看</h1>
                        <ul class="pic_list4">
                            <li><img src="img/看了又看1.jpg" width="130" height="130"><p>唐狮2020冬季史努比新款羽绒服女中长款宽松韩版潮工装羽绒厚外套</p></li>
                            <li><img src="img/看了又看2.jpg" width="130" height="130"><p>唐狮2020冬新款女中长款羽绒服束腰显瘦连帽毛领学生派克厚外套潮</p></li>
                            <li><img src="img/看了又看3.jpg" width="130" height="130"><p>唐狮2020冬季新款中长款羽绒服女连帽大毛领款式拼接撞色学生潮流</p></li>
                            <li><img src="img/看了又看4.jpg" width="130" height="130"><p>唐狮新款爆款时尚羽绒服女中长款工装连帽毛领保暖女派克服潮流</p></li>
                            <li><img src="img/看了又看5.jpg" width="130" height="130"><p>唐狮棉服2020年新款女棉衣中长款冬季加厚chic潮牌连帽日系派克服</p></li>
                            <li><img src="img/看了又看6.jpg" width="130" height="130"><p>唐狮2020冬季新款<br/>羽绒服情侣装短款<br/>连帽拼接撞色学生<br/>ins潮厚外套</p></li>
                        </ul>
                    </article>
                </div> 
            </div>
        </section>
        <!--中间部分 end-->        
    </article> 
</body>
</html>


